Ext.define('SKJF.view.PEMBELIAN.PO', {
	extend: 'Ext.panel.Panel',
	
	alias	: 'widget.PO',
	requires: [
        'SKJF.view.PEMBELIAN.v_po',
        'SKJF.view.PEMBELIAN.v_po_form',
        'SKJF.view.PEMBELIAN.v_podetail',
        'SKJF.view.PEMBELIAN.v_podetail_form'
    ],
	
	//title	: 'po',
	margins: 0,
	//tabPosition: 'right',
	activeTab: 0,
	layout: 'border',
	
	initComponent: function(){
		Ext.apply(this, {
            items: [{
				itemId: 'center',
				region: 'center',     // center region is required, no width/height specified
				xtype: 'tabpanel',
				tabPosition: 'right',
				items: [{
					xtype	: 'Listpo'
				}, {
					xtype: 'v_po_form',
					disabled: true
				}]
			}, {
				//title: 'South Region is resizable',
				region: 'south',     // position for region
				xtype: 'panel',
				height: 350,
				split: true,         // enable resizing
				margins: '0 0 0 0',
				layout: 'border',
				collapsible: true,
				//collapsed: true,
				items:[{
					itemId: 'south',
					xtype: 'tabpanel',
					region: 'center',
					margins: '0 0 0 0',
					tabPosition: 'right',
					activeTab: 0,
					items: [{
						xtype: 'Listpodetail'
					},{
						xtype: 'v_podetail_form',
						disabled: true
					}]
				}]
			}]
        });
		this.callParent(arguments);
	}	
	
});